<template>
    <div>
        <h1>App 根组件</h1>
        <h1>{{msg}}</h1>
        <foo></foo>
    </div>
</template>
<script>

    import Foo from './components/Foo.vue'

    export default {
        data() {
            return {
                msg: "hello webpackDF"
            }
        },
        components: {
            Foo
        }
    }
</script>
<style scoped>
    h1 {
        color: red;
    }
</style>
